@charset "utf-8";
/*body*/
body {background:var(--gray16);}

/*框架侧边栏*/
aside {width:240px;height:100%;position:fixed;top:0;left:0;background:var(--gray5);color:#b1b8c4;}
.fc-logo {font-size: 20px;height:50px;line-height: 50px;padding:0 20px;}
.fc-nav {height:calc(100% - 50px);}
.fc-nav a {display: block;height:40px;line-height:40px;text-decoration:none;color:#b1b8c4;position: relative;transition:.3s ease;}
.fc-nav > li > a {font-size:16px;padding:0 20px;}
.fc-nav > li > a:hover {color:#fff;}
.fc-nav > li > a:after {content:"\e667";font-family: icon;position:absolute;right:20px;transition:.3s ease;}
.fc-nav ol {background:#2c3442;}
.fc-nav ol li a {padding-left: 40px;}
.fc-nav ol li a:hover {background:rgba(56,64,78,.8);color:#fff;}
.fc-nav ol li a.router-link-active {background:var(--primaryhover);color:#fff;}
.fc-nav ol li a.router-link-active:after {content:"";display:block;width:3px;height:100%;background:var(--primary);top:0;left:0;position:absolute;}
.fc-nav li.open > a:after {transform:rotate(180deg);}

/*main*/
#main-wrap {display: flex;}
.fc-main {flex:1;padding:20px 20px 20px 260px;}
.main-content {background:#fff;border-radius: 7px;padding:20px;position: relative;box-shadow:0 1px 3px rgb(0 0 0 / 6%);min-height:300px;}

/*侧栏*/
.layer-layout-sidebar-scroll {height:calc(100% - 50px);overflow:auto;scrollbar-width:thin;}

.layer-layout-sidebar-scroll::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}
.layer-layout-sidebar-scroll::-webkit-scrollbar-thumb {
    background-color: hsla(0,0%,44.3%,.56);
    border-radius: 12px;

}
.layer-layout-sidebar-scroll::-webkit-scrollbar-thumb:hover {
    background-color: var(--primary);
    opacity: .6;
}

/*页面描述*/
.page-desc {color:var(--gray8);line-height:1.5;margin-bottom: 25px;}
.page-desc p:not(:last-child) {margin-bottom: 8px;}

/*页面list*/
.page-list {color:var(--gray9);line-height:1.5;margin-bottom: 25px;}
.page-list li {list-style:disc;margin-left: 15px;}
.page-list li:not(:last-child) {margin-bottom:5px;}

/*code修饰器*/
.code-toolbar {margin-bottom: 20px;}
pre[class*=language-].line-numbers>code {padding:2px 0;}

/*code标签*/
code:not([class*=language-]) {font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;background-color: #fbf5ef;font-size: 85%;color:#e9865f;padding:2px;border-radius: 2px;margin:0 3px;}

/*table*/
.api-table {width:100%;font-size:12px;font-family: Consolas,Menlo,Courier,monospace;margin-bottom: 25px;}
.api-table th,.api-table td {border-collapse: collapse;border:1px solid var(--line);padding:10px 16px;text-align:left;}
.api-table th {background:var(--gray16);color:var(--black);}
.api-table th:nth-child(1) {width:12%;}
.api-table th:nth-child(2) {width:56%;}
.api-table th:nth-child(3) {width:12%;}
.api-table th:nth-child(4) {width:20%;}

/*hljs*/
pre code.hljs {
    display: block;
    overflow-x: auto;
    padding:13px 20px !important;line-height: 2;font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;background-color: #f6f8fa;font-size: 85%;color:#3182bd;
}
.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#666}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#005cc5}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-code,.hljs-comment,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}

